import * as React from 'react';
import Svg, { ClipPath, Defs, G, Path, SvgProps } from 'react-native-svg';

export const CameraMaskSvg = ({ ...props }: SvgProps) => (
  <Svg width={374} height={374} fill="none" viewBox="0 0 374 374" {...props}>
    <G clipPath="url(#a)">
      <Path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M374 0H0v374h374V0ZM18.616 29.104C16 34.238 16 40.96 16 54.4v265.2c0 13.441 0 20.162 2.616 25.296a23.999 23.999 0 0 0 10.488 10.488C34.238 358 40.96 358 54.4 358h265.2c13.441 0 20.162 0 25.296-2.616a23.998 23.998 0 0 0 10.488-10.488C358 339.762 358 333.041 358 319.6V54.4c0-13.441 0-20.162-2.616-25.296a23.999 23.999 0 0 0-10.488-10.488C339.762 16 333.041 16 319.6 16H54.4c-13.441 0-20.162 0-25.296 2.616a24 24 0 0 0-10.488 10.488Z"
        fill="black"
        opacity={0.9}
      />
      <Path
        d="M55.814 0C41.098 0 33.739 0 27.778 1.913A40 40 0 0 0 1.913 27.778C0 33.74 0 41.098 0 55.814V57a3 3 0 1 0 6 0v-1.378c0-14.55 0-21.824 2.19-27.627A34 34 0 0 1 27.995 8.19C33.798 6 41.072 6 55.622 6H57a3 3 0 1 0 0-6h-1.186ZM318.186 0c14.716 0 22.075 0 28.036 1.913a40 40 0 0 1 25.865 25.865C374 33.74 374 41.098 374 55.814V57a3 3 0 1 1-6 0v-1.378c0-14.55 0-21.824-2.19-27.627A34 34 0 0 0 346.005 8.19C340.202 6 332.927 6 318.378 6H317a3 3 0 1 1 0-6h1.186ZM318.186 374c14.716 0 22.075 0 28.036-1.913a40 40 0 0 0 25.865-25.865C374 340.261 374 332.902 374 318.186V317a3 3 0 1 0-6 0v1.378c0 14.549 0 21.824-2.19 27.627a34 34 0 0 1-19.805 19.805c-5.803 2.19-13.078 2.19-27.627 2.19H317a3 3 0 1 0 0 6h1.186ZM55.814 374c-14.716 0-22.075 0-28.036-1.913a40 40 0 0 1-25.865-25.865C0 340.261 0 332.902 0 318.186V317a3 3 0 1 1 6 0v1.378c0 14.549 0 21.824 2.19 27.627a34 34 0 0 0 19.805 19.805C33.798 368 41.072 368 55.622 368H57a3 3 0 1 1 0 6h-1.186Z"
        fill="#FFDA24"
      />
    </G>
    <Defs>
      <ClipPath id="a">
        <Path fill="black" d="M0 0h374v374H0z" />
      </ClipPath>
    </Defs>
  </Svg>
);
